<el-dialog :close-on-click-modal="false"  :close-on-press-escape="false"  title="修改信息" class="dialogStyleBase" width="50vw" :visible.sync="boxVisible" append-to-body
    :before-close="editBoxCancel">
    <div class="dialogStyleBaseBox" v-loading="isLoading">
        <el-form ref="editForm" :model="form" label-width="100px" label-position="left" :disabled="isDisabled">
            <el-form-item label="头像" :rules="{ required: true, message: '头像不能为空'}">
                <div class="imgWrap">
                    <SelectImageCheckbox :appWindow="appWindow" v-model="imgList" :count="1" :disabled="isDisabled">
                        <template slot-scope="scope" slot="item">
                            <img class="SelectResourcesImg" :src="scope.src" />
                        </template>
                    </SelectImageCheckbox>
                </div>
            </el-form-item>
            <el-form-item label="昵称" prop="nickName" :rules="{ required: true, message: '昵称不能为空'}">
                <el-input placeholder="请输入昵称" v-model="form.nickName" maxlength="20" clearable>
                </el-input>
            </el-form-item>
            <el-form-item label="用户姓名" prop="realName" :rules="{ required: true, message: '用户姓名不能为空'}">
                <el-input placeholder="请输入用户姓名" v-model="form.realName" maxlength="20" clearable>
                </el-input>
            </el-form-item>
        </el-form>
    </div>
    <div slot="footer">
        <el-row>
            <el-col :span="24">
                <el-button :disabled="isLoading || isDisabled" @click="editBoxCancel">取 消</el-button>
                <el-button :disabled="isLoading || isDisabled" type="primary" @click="submit">确
                    定</el-button>
            </el-col>
        </el-row>
    </div>
</el-dialog>